import React, { Component } from 'react';
import * as echarts from 'echarts';
import '../../../../assets/styles/shouye.css'
class Zhexian extends Component {
    render() {
        return (
            <div>
                <div id='main' >
                </div>
            </div>
        );
    }
    componentDidMount() {
        var chartDom = document.getElementById('main');
        var myChart = echarts.init(chartDom);
        var option;

        option = {
            xAxis: {
                type: 'category',
                boundaryGap: false,
                data: ['星期一', '星期二', '星期三', '星期四', '星期五', '星期六', '星期日']
            },
            yAxis: {
                type: 'value'
            },
            series: [
                {
                    data: [19, 15, 30, 10, 30, 35,25 ],
                    type: 'line',
                    areaStyle: {},
                    smooth:'ture'
                }
            ]
        };
        option && myChart.setOption(option);
        
    }
}

export default Zhexian;
